.bb, .bb::before, .bb::after {

		  position: absolute;

		  top: 0;

		  bottom: 0;

		  left: 0;

		  right: 0;

		}



		.bb {

		  width: 100px;

		  height: 45px; 

		  color: #69ca62;

		  box-shadow: inset 0 0 0 3px rgba(105, 202, 98, 0.5);

		}

		.bb::before, .bb::after {

		  content: '';

		  z-index: -1;

		  margin: -5%;

		  box-shadow: inset 0 0 0 2px;

		  animation: clipMe 8s linear infinite;

		}

		.bb::before {

		  animation-delay: -4s;

		}

		/*.bb:hover::after, .bb:hover::before {

		  background-color: rgba(255, 0, 0, 0.3);

		}*/



		@keyframes clipMe {

		  0%, 100% {

		    clip: rect(0px, 110.0px, 2px, 0px);

		  }

		  25% {

		    clip: rect(0px, 2px, 55.0px, 0px);

		  }

		  50% {

		    clip: rect(53.0px, 110.0px, 55.0px, 0px);

		  }

		  75% {

		    clip: rect(0px, 110.0px, 55.0px, 108.0px);

		  }

		}
		.bb p{
			text-align: center;
			line-height: 45px;
		}